import React, { Component } from 'react'
import render from 'react-dom'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'


class nav extends Component {
	render() {
		let self = this;

		return (
			<div className="orin-nav clearfix">
				<Link to="/order/take" replace className={"orin-nav-item " + (self.props.at == "take" ? "at" : "")}>
					<div className="orin-nav-inner">
						<p>上门洗车</p>
					</div>
					<i className="orin-nav-tria"></i>
				</Link>
				<Link to="/order/visit" replace className={"orin-nav-item " + (self.props.at == "visit" ? "at" : "")}>
					<div className="orin-nav-inner">
						<p>取车到店</p>
						<p className="orin-nav-add">加收15元</p>
					</div>
					<i className="orin-nav-tria"></i>
				</Link>
			</div>
		)
	}
}

export default connect()(nav)